<?php TPL::output('global/header_meta.tpl.htm'); ?>

<div class="aw-register-box aw-register-open-box">
	<div class="mod-head">
		<img src="<?php echo G_STATIC_URL; ?>/css/<?php echo $this->template_name; ?>/img/login_logo.png" alt="" />
		<h1 id="login_title" style="display: none"><?php _e('授权成功！请绑定账号'); ?></h1>
		<h1 id="register_title" ><?php _e('创建账号'); ?></h1>
	</div>
	<div class="mod-body">
		<!--<p id="login_show"><?php _e('没有账号？'); ?>? <a class="aw-register-open-tabs"><?php _e('点此创建'); ?><i class="aw-icon i-triangle-down"></i></a></p>-->
		<!--<p id="register_show" style="display: none"><?php _e('已有账号？'); ?>? <a class="aw-register-open-tabs"><?php _e('点此绑定'); ?><i class="aw-icon i-triangle-down"></i></a></p>-->
		<form id="login_form" method="post" class="aw-register-form collapse" onsubmit="return false" action="account/ajax/login_process/">
			<input type="hidden" name="post_hash" value="<?php echo new_post_hash(); ?>" />
			<input type="hidden" name="return_url" id="login_return_url" value="" />
			<ul>
				<li>
					<input class="aw-register-email form-control" name="yoyow_name" type="text" placeholder="<?php _e('yoyow id'); ?>" value="<?php echo $this->user_name; ?>" readonly="readonly" />
				</li>
				<li>
					<input class="aw-register-email form-control" name="user_name" type="text" placeholder="<?php _e('币问账号'); ?>/<?php _e('邮箱'); ?>" value="" />
				</li>
				<li>
					<input class="aw-register-pwd form-control" type="password" placeholder="<?php _e('密码'); ?>" name="password" />
				</li>
				<li>
					<button class="btn btn-large btn-blue btn-block" onclick="AWS.ajax_post($('#login_form'));return false;"><?php _e('绑定并登录'); ?></button>
				</li>
			</ul>
		</form>

		<form id="register_form" method="post" class="aw-register-form" onsubmit="return false" action="<?php echo $this->register_url; ?>">
			<ul>
				<li >
					<input class="aw-register-email form-control" name="yoyow_name" type="text" placeholder="<?php _e('yoyow id'); ?>" value="<?php echo $this->user_name; ?>" readonly="readonly" />
				</li>
				<li>
					<input name="user_name" class="aw-register-name form-control" type="text" placeholder="<?php _e('用户名'); ?>" tips="<?php _e('请输入一个 2-14 位的用户名');?>" errortips="<?php _e('用户名长度不符合');?>" value="" />
				</li>
				<li>
					<input name="email" class="aw-register-email form-control" type="text" placeholder="<?php _e('邮箱'); ?>" value="<?php echo $this->email; ?>" tips="<?php _e('请输入你常用的电子邮箱作为你的账号'); ?>" value="<?php echo htmlspecialchars($_GET['email']); ?>" errortips="<?php _e('邮箱格式不正确'); ?>" />
				</li>
				<li>
					<input name="password" class="aw-register-pwd form-control" type="password" placeholder="<?php _e('密码'); ?>" tips="<?php _e('请输入 6-16 个字符,区分大小写'); ?>" errortips="<?php _e('密码不符合规则'); ?>" /><b style="color: #ff3333;font-size: 12px;">(此密码用于登录账号)</b>
				</li>
				<li class="last">
					<label><input type="checkbox" checked="checked" value="agree" name="agreement_chk" /> <?php _e('我同意'); ?></label> <a href="javascript:;" onclick="$('.aw-regiter-agreement').show();"><?php _e('用户协议'); ?></a>
					<div class="aw-regiter-agreement collapse">
						<i></i>
						<div class="aw-register-agreement-txt" id="register_agreement"></div>
					</div>
				</li>
				<li class="alert alert-danger collapse error_message">
					<i class="icon icon-delete"></i>
					<em></em>
				</li>
				<li>
					<button class="btn btn-large btn-blue btn-block" onclick="AWS.ajax_post($('#register_form'), AWS.ajax_processer, 'error_message'); return false;"><?php _e('创建并登陆'); ?></button>
				</li>
			</ul>
		</form>
	</div>
</div>

<script type="text/javascript" src="<?php echo G_STATIC_URL; ?>/js/app/login.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#login_return_url').val(window.location.href);

        $.get(G_BASE_URL + '/account/ajax/register_agreement/', function (result) { $('#register_agreement').html(result.err); }, 'json');

        $('.aw-register-open-tabs').click(function() {
            if ($('#register_form').is(':visible'))
            {
                $('#register_form').hide();
                $('#login_form').show();
                $('#register_show').hide();
                $('#login_show').show();
                $('#register_title').hide();
                $('#login_title').show();
                $(this).removeClass('active');
            }
            else
            {
                $('#register_title').show();
                $('#login_title').hide();
                $('#register_show').show();
                $('#login_show').hide();
                $('#register_form').show();
                $('#login_form').hide();

                $(this).addClass('active');
            }
        });
        verify_register_form('#register_form');

        /* 注册页面验证 */
        function verify_register_form(element)
        {
            $(element).find('[type=text], [type=password]').on({
                focus : function()
                {
                    if (typeof $(this).attr('tips') != 'undefined' && $(this).attr('tips') != '')
                    {
                        $(this).parent().append('<span class="aw-reg-tips">' + $(this).attr('tips') + '</span>');
                    }
                },
                blur : function()
                {
                    if ($(this).attr('tips') != '')
                    {
                        switch ($(this).attr('name'))
                        {
                            case 'user_name' :
                                var _this = $(this);
                                $(this).parent().find('.aw-reg-tips').detach();

                                if ($(this).val().length >= 0 && $(this).val().length < 2)
                                {
                                    $(this).parent().find('.aw-reg-tips').detach();
                                    $(this).parent().append('<span class="aw-reg-tips aw-reg-err"><i class="aw-icon i-err"></i>' + $(this).attr('errortips') + '</span>');
                                    return;
                                }
                                if ($(this).val().length > 17)
                                {
                                    $(this).parent().find('.aw-reg-tips').detach();
                                    $(this).parent().append('<span class="aw-reg-tips aw-reg-err"><i class="aw-icon i-err"></i>' + $(this).attr('errortips') + '</span>');
                                    return;
                                }
                                else
                                {
                                    $.post(G_BASE_URL + '/account/ajax/check_username/',
                                        {
                                            username: $(this).val()
                                        }, function (result)
                                        {
                                            if (result.errno == -1)
                                            {
                                                _this.parent().find('.aw-reg-tips').detach();
                                                _this.parent().append('<span class="aw-reg-tips aw-reg-err"><i class="aw-icon i-err"></i>' + result.err + '</span>');
                                            }
                                            else
                                            {
                                                $('.error_message').hide();
                                                _this.parent().find('.aw-reg-tips').detach();
                                                _this.parent().append('<span class="aw-reg-tips aw-reg-right"><i class="aw-icon i-followed"></i></span>');
                                            }
                                        }, 'json');
                                }
                                return;

                            case 'email' :
                                $(this).parent().find('.aw-reg-tips').detach();
                                var emailreg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
                                if (!emailreg.test($(this).val()))
                                {
                                    $(this).parent().find('.aw-reg-tips').detach();
                                    $(this).parent().append('<span class="aw-reg-tips aw-reg-err"><i class="aw-icon i-err"></i>' + $(this).attr('errortips') + '</span>');
                                    return;
                                }
                                else
                                {
                                    $('.error_message').hide();
                                    $(this).parent().find('.aw-reg-tips').detach();
                                    $(this).parent().append('<span class="aw-reg-tips aw-reg-right"><i class="aw-icon i-followed"></i></span>');
                                }
                                return;

                            case 'password' :
                                $(this).parent().find('.aw-reg-tips').detach();
                                if ($(this).val().length >= 0 && $(this).val().length < 6)
                                {
                                    $(this).parent().find('.aw-reg-tips').detach();
                                    $(this).parent().append('<span class="aw-reg-tips aw-reg-err"><i class="aw-icon i-err"></i>' + $(this).attr('errortips') + '</span>');
                                    return;
                                }
                                if ($(this).val().length > 17)
                                {
                                    $(this).parent().find('.aw-reg-tips').detach();
                                    $(this).parent().append('<span class="aw-reg-tips aw-reg-err"><i class="aw-icon i-err"></i>' + $(this).attr('errortips') + '</span>');
                                    return;
                                }
                                else
                                {
                                    $('.error_message').hide();
                                    $(this).parent().find('.aw-reg-tips').detach();
                                    $(this).parent().append('<span class="aw-reg-tips aw-reg-right"><i class="aw-icon i-followed"></i></span>');
                                }
                                return;

                        }

                    }

                }
            });
        }
    });
</script>

<?php TPL::output('global/footer.tpl.htm'); ?>
